.container {
  display: grid;
  width: 1024px;
  grid-template-columns: 350px 1fr;
  margin: 0 auto; // 左右自动分配
  max-width: 100%; // 防止屏幕比 1280 宽时撑出横向滚动条
  color: #434343;

  .sidebar {
    width: 100%;

    .top {
      display: flex;
      align-items: flex-start;
      margin: 30px 0 40px 0;

      img {
        width: 65px;
        height: 65px;
      }

      .title {
        margin-left: 15px;
        padding-left: 15px;
        border-left: 3px solid #000;
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
      }
    }

    .menu {
      display: flex;
      justify-content: space-between;
      margin: 30px 0;
      padding: 0 35px;
      font-size: 16px;
      line-height: 16px;

      a {
        color: #434343;
        text-decoration: none;
        // 下划线与文本有间距
        text-underline-offset: 5px;

        &:hover {
          color: rgb(158, 53, 53);
          text-decoration: underline dotted;
        }
      }
    }

    hr {
      border: none;
      height: 1px;
      background-color: #5c5c5c;
    }

    .intr {
      margin-top: 45px;

      .intrTitle {
        font-size: 21px;
        line-height: 21px;
        font-weight: bold;
      }

      .intrText {
        margin-top: 35px;
        font-size: 15px;
        line-height: 28px;
        text-align: justify;
        letter-spacing: 0.5px;

        span {
          color: #434343;
          font-weight: bold;
          text-decoration: underline dotted;
          text-underline-offset: 5px;
        }
      }
      .sign {
        margin-top: 35px;
        font-size: 15px;
        line-height: 28px;
        text-align: right;
        letter-spacing: 0.5px;
      }
    }
  }
}